<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">       
		<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<title>Nuevo Gasto</title>
    </head>
    <body class="container">
        <%@include file="../opciones.jsp"%>
        <h1>Nuevo Gasto</h1>
        <FORM class="form-horizontal" METHOD = "POST" ACTION = "/TT2/InsertarGasto">
            <div class="form-group">
                <label for="cantidad" class="col-md-2 control-label">Inserte Monto Del Gasto</label>
                <div class="col-md-10">
                    <INPUT id="cantidad" min="0" max="${CAJA.montoFinal}" class="form-control" TYPE="number" NAME="MONTO" required/>
                </div>
            </div>
            <div class="form-group">
				<label for="descripcion" class="col-md-2 control-label">Descripción(254 caracteres)</label>
                <div class="col-md-10">
                    <textarea id="descripcion" class="form-control" maxlength="254" name="OBSERVACION" rows="2"></textarea>
                </div>
            </div>
			<div class="form-group">
				<div class="col-md-offset-2 col-md-10">
					<button type="submit" class="btn btn-default">Insertar Gasto</button>
				</div>
			</div>
        </form> 
        <h2>${Mensaje}</h2>
    </body>
</html>

